<template>
  <hr>
  <p>{{ useMsg }}</p>
  <button v-for="item of list">
    {{ item }}
  </button>
</template>

<script>
import { inject } from "vue"
import myMixin from "../myMixin";

export default {
  name: "SquareComponent",
  mixins: [myMixin],
  props: {
    list: {
      type: Array,
      default: () => [1, 2, 3]
    }
  },
  setup() {
    const useMsg = inject("msg")
    return {
      useMsg
    }
  }
  // inject: ["msg"]
}
</script>
